<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/home.css">

    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/tfload.js"></script>
    <script src="../js/PublicAjax.js"></script>
    <script src="../js/front/home.js"></script>
</head>
<body>
    <!--头部-->
    <div id="top"></div>
    <!--中间部分-->
    <div id="middle">
        <div class="mid-head">
            <div id="bigTitle" class="mid-head-one"><a href="#">TRADERS HOTEL</a></div>
            <div id="smallTitle" class="mid-head-two">LEAVE A LIGHT NIGHT WAITING FOR PEOPLE</div>
            <div class="mid-head-three">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <div class="mid-sec clearfix">
            <div>
                <div class="mid-sec-one clearfix">
                    <div>
                        <div>
                            <img src="../img/jd_mhoe.png" height="200" width="150"/>
                        </div>
                        <div>订房热线</div>
                        <div id="rephone"></div>
                    </div>
                    <div class="mso-name">
                        <div>
                            <div>新闻中心</div>
                            <div>NEWS CENTER</div>
                        </div>
                    </div>
                    <div id="newList" class="mso-new">
                        <div>
                            <div>会议策划及场地会议策划及场地</div>
                            <div>2015-09-12</div>
                        </div>
                        <div>
                            <div>会议策划及场地会议策划及场地</div>
                            <div>2015-09-12</div>
                        </div>
                        <div>
                            <div>会议策划及场地会议策划及场地</div>
                            <div>2015-09-12</div>
                        </div>
                    </div>
                </div>
                <!--右边-->
                <div class="mid-sec-two clearfix">
                    <div id="productCade">
                        <!--<div>-->
                        <!--    <div class="mid-sec-two-top">-->
                        <!--        <div class="mid-sec-two-top-color">餐厅及酒吧</div>-->
                        <!--        <div class="mid-sec-two-bottom-color">RESTAURANTS</div>-->
                        <!--    </div>-->
                        <!--    <div class="mid-sec-two-bottom">-->
                        <!--        <div></div>-->
                        <!--        <div>MORE DETAILS</div>-->
                        <!--    </div>-->
                        <!--</div>-->
                    </div>
                    <div>
                        <div>
                            <div class="yello">关于酒店</div>
                            <div class="hui">ABOUT HOTEL</div>
                            <div id="aboutHotel" class="jieshao"></div>
                        </div>
                        <div></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mid-thir">
            <div>
                <div>
                    <div>
                        <div class="orge">服务项目</div>
                        <div class="baihui">S E R V I C E&nbsp;&nbsp;I T E M S</div>
                    </div>
                    <div id="productBlock">
                        <!--<div>住宿客房及套房</div>-->
                        <!--<div>贵宾阁客房及套房</div>-->
                        <!--<div>服务式客房及套房</div>-->
                        <!--<div>餐厅及酒吧服务</div>-->
                        <!--<div>会议策划及场地</div>-->
                    </div>
                </div>
                <div id="productImg">
                    <!--<img src="../img/01_6dzw.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/02_ruze.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/03_ad6p.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/04_6rdd.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/05_6weg.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/01_6dzw.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/02_ruze.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/03_ad6p.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/04_6rdd.jpg" height="232" width="300"/>-->
                    <!--<img src="../img/05_6weg.jpg" height="232" width="300"/>-->
                </div>
            </div>
        </div>
        <div class="mid-four">
            <div>
                <div class="mid-four-one">
                    <div>
                        <img src="../img/qq_wipg.png" height="64" width="64"/>
                        <img src="../img/wb_pb3g.png" height="64" width="64"/>
                        <img src="../img/wx_dae9.png" height="64" width="64"/>
                    </div>
                </div>
                <div class="mid-four-two"></div>
                <div class="mid-four-three"></div>
                <div class="mid-four-four">
                    <div class="mid-four-four-top">
                        <div><img src="../img/b01_ix28.png" height="64" width="64"/></div>
                        <div id="contentTop"></div>
                    </div>
                    <div class="mid-four-four-mid">
                        <div><img src="../img/b02_2v8u.png" height="64" width="64"/></div>
                        <div id="contentMid"></div>
                    </div>
                    <div class="mid-four-four-bottom">
                        <div><img src="../img/b03_c48x.png" height="64" width="64"/></div>
                        <div id="contentBottom"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div id="foot"></div>
</body>
</html>